<template>
  <div :class="bem('container')">
    <!-- <div :class="bem('item')"></div> -->
    <img v-for="item in redPocketArr" :src="item.src" alt="" :class="ben('image')"/>
  </div>
</template>

<script lang="ts">
import { defineComponent, ref} from 'vue'
import {createNamespace} from '../../utils/index'

const [bem] = createNamespace('redPocket')
const imgSrc = 'https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_92x30dp.png'

export default defineComponent({
  setup() {
    const redPocketArr = ref([])
    return {
      bem,
      redPocketArr,
    }
  }
})
</script>

<style lang="less" scoped>
  .ly-redPocket {
    &__container {
      position: absolute;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      overflow: hidden;
    }

    &__image {
      width: 200px;
    }
  }
</style>